<div style="float: left">&nbsp 选择sheet: &nbsp</div>
{#<select class="form-control" name="sheet_list" style="width:300px;" id="sheet_list">#}
<select class="form-control" name="sheet_list" style="width:300px;" id="sheet_list">

    <option id="def">--请选择sheet--</option>
    {% for i in sheet_list %}
        <option id="a">{{ i|safe }}  </option>
    {% endfor %}
</select>



<script>
    $('#sheet_list').change(function () {
        console.log("222")
        //$("#tab_detail").empty()
        file_name_check = $('#sheet_list').find("option:checked").attr("id");
        if (file_name_check == 'a') {
            //console.log(1)
            $.ajax({
                type: "POST",
                data: {
                    'file_name': $('#file_parse').val(),
                    'file_sheet': $('#sheet_list').val()
                },
                url: "/oratk_app/oratk_most_sqlldr_parse_ajax", //后台处理函数的url
                cache: false,
                dataType: "html",
                beforeSend: function () {
                    // $('#loadingModal').modal({backdrop: 'static', keyboard: false});
                    showLoading()
                    //$('#submit_id').button('loading')
                },
                complete: function () {
                    //$('#loadingModal').modal('hide');
                    hideLoading()
                    //$('#submit_id').button('reset')
                },
                success: function (result) {
                    $("#tab_detail").html(result);
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(XMLHttpRequest.status);
                    alert(XMLHttpRequest.readyState);
                    alert(textStatus);
                },
            })
        } else {
            $("#tab_detail").empty();
            //alert("请选择sheet");	//如果为空，请选择文件
            return;
        }
    })
</script>